// body {
//   margin: 0;
//   font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
//     'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
//     sans-serif;
//   -webkit-font-smoothing: antialiased;
//   -moz-osx-font-smoothing: grayscale;
//   background-color: #f8f8f8;
// }

// code {
//   font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New', monospace;
// }
body {
  margin: 0;
  min-height: 99vh;
}

* {
  // margin: 0;
  // padding: 0;
  box-sizing: border-box;
  // text-align: center;
  // user-select: none;
  // transition: 1s;
  border-radius: 9q;
  letter-spacing: 1q;
  // font-family: 'Comic Sans MS', 'Helvetica Neue', Helvetica, Arial, sans;
  // overflow-x: hidden;
}

button,
label {
  @import './cls';

  &#{$buttonCls} {
    // border: none;
    // outline: none;
    cursor: pointer;
    text-transform: unset;
    white-space: nowrap;
  }
}

html {
  scroll-behavior: smooth;
}

// :-webkit-scrollbar {
//   background-color: transparent;
//   width: 6px;
// }

// ::-webkit-scrollbar {
//   height: 12px;
//   width: 10px;
// }

// ::-webkit-scrollbar-thumb,
// ::-webkit-scrollbar-thumb:active {
//   background: #dfe4e8;
//   border-radius: 10px;
//   opacity: .7;
//   -webkit-transform: rotate(-90deg);
//   transform: rotate(-90deg);
// }

// ::-webkit-scrollbar-thumb {
//   background: #bbb;
//   background-clip: padding-box;
//   border: 1px solid transparent;
//   border-radius: 6px;
//   padding: 0 1px;
// }

// ::-webkit-scrollbar-track,
// ::-webkit-scrollbar-track:hover,
// ::-webkit-scrollbar-track {
//   background: #f5f5f5;
// }

//body > div.MuiPopper-root.MuiTooltip-popper.MuiTooltip-popperInteractive.MuiTooltip-popperArrow.css-1d3ml05-MuiPopper-root-MuiTooltip-popper > div
html:root:scope > body > div.MuiTooltip-popper.MuiTooltip-popperInteractive.MuiTooltip-popperArrow.MuiPopper-root > div.MuiTooltip-tooltip.MuiTooltip-tooltipArrow:defined:only-child:only-of-type,
body > div.Toastify > div > div > div.Toastify__toast-body > div {
  white-space: pre-line;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

// button {
//   cursor: pointer;
//   display: inline-block;
//   text-align: center;
//   text-decoration: none;
//   white-space: nowrap;
//   position: relative;
//   z-index: 0;
//   // color: rgb(255, 255, 255);
//   border-color: transparent;

//   &::before {
//     background: linear-gradient(45deg, rgb(255, 0, 0), rgb(255, 115, 0), rgb(255, 251, 0), rgb(72, 255, 0), rgb(0, 255, 213), rgb(0, 43, 255), rgb(122, 0, 255), rgb(255, 0, 200), rgb(255, 0, 0)) 0% 0% / 400%;
//     content: "";
//     position: absolute;
//     top: -2px;
//     left: -2px;
//     z-index: -1;
//     filter: blur(5px);
//     width: calc(100% + 4px);
//     height: calc(100% + 4px);
//     opacity: 1;
//     background: linear-gradient(45deg, rgb(255, 0, 0), rgb(255, 115, 0), rgb(255, 251, 0), rgb(72, 255, 0), rgb(0, 255, 213), rgb(0, 43, 255), rgb(122, 0, 255), rgb(255, 0, 200), rgb(255, 0, 0)) 0% 0% / 400%;
//     animation: 20s linear 0s infinite normal none running dvWuPe;
//     transition: opacity 0.3s ease-in-out 0s;

//     @keyframes dvWuPe {
//       from {
//         background-position-x: 0;
//       }

//       to {
//         background-position-x: 400%;
//       }
//     }
//   }

//   &::after {
//     z-index: -1;
//     content: "";
//     position: absolute;
//     width: 100%;
//     height: 100%;
//     // background: rgb(17, 17, 17);
//     left: 0px;
//     top: 0px;
//   }

// }